{% extends "base.html" %}
{% block body %}
<div id="mainbd">
    <div id="lefthangout">
        <div class="owner">
            <!--TODO:加入头像数据-->
            <h4>{{user.get('username')}}</h4>
        </div>
        <div class="messages"></div>
        <div class="friends"></div>
    </div>
    <div id="sidebar" class="friend-list">
        <div class="ui items">
            {% for index, friend in enumerate(friends) %}
            <div class="item firend">
                <img src="{{ static_url('img/timg.jpg') }}" alt="" style="width: 50px;height: 50px;border-radius: 70%">
            </div>
            <div class="small aligned content">
                <a href="#" class="header friend-target" data-value="{{ str(friend['_id']) }}">
                    <span>{{friend['username']}}</span>
                </a>
            </div>
            {% end %}
        </div>
    </div>
    <div id="contentbar">
        <div class="to-user">

        </div>
        <div id="content-mid">
            <div class="content-show">
                <div class="content-box">
                    sfsf
                </div>
            </div>
        </div>
        <div id="content-foot">
            <div id="content-say">
                <label for="content-edit"></label>
                <textarea name="content-say" id="content-edit" cols="" rows=""></textarea>
            </div>
            <button id="content-send" class="ui button">发送</button>
            <div class="blank"></div>
        </div>
    </div>
</div>
{% end %}